$(function () {
    // 设置游戏积分
    var integral = 0;
    $("#showTime p i").text(integral);
    // 开始游戏
    $(".login span").click(function () {
        $("div.w>ul").css("marginLeft", -850);
        // 重置地鼠的出现
        $(".content li").addClass("hd");
        // 重置分数
        integral = 0;
        $("#showTime p i").text(integral);
    });

    // 退出游戏
    $(".exit").click(function () {
        $("div.w>ul").css("marginLeft", 0);
    });

    // 开始游戏
    $(".newGame").click(function () {
        // 时间间隔（单位毫秒
        var timeInterval = 1000;
        // 时间倒数
        var surplusTime = 60;
        // 把游戏积分设置为0
        integral = 0;
        $("#showTime p i").text(integral);
        // 设置定时器
        var time = setInterval(function () {
            // 时间自减
            surplusTime--;
            // 当时间只剩个位数，前面补0
            if (surplusTime < 10) {
                surplusTime = '0' + surplusTime;
            }
            // 把时间渲染上页面
            $("#showTime span").text(surplusTime);
            // 创建0-8的随机数，用于随机产出地鼠
            var radomNum = Math.floor(Math.random() * 9);
            // 把地鼠图片初始化为未打击的图片
            var noBlow = $(".content li").attr("data-noBlow");
            $(".content li img").prop("src", noBlow);
            // 通过排他显示地鼠
            $(".content li").eq(radomNum).removeClass("hd").siblings().addClass("hd");
            // 判断当时间为0时停止
            if (surplusTime == 0) {
                alert("游戏结束了！你的得分是" + integral);
                $(".content li").addClass("hd");
                clearInterval(time);
            }
        }, timeInterval);
    });
    // 给所有地鼠设置点击事件， 点击后变成点击后的状态
    $(".content li").click(function () {
        var blow = $(".content li").attr("data-blow");
        $(".content li img").prop("src", blow);
        integral += 10;
        $("#showTime p i").text(integral);
    });


    // //鼠标变锤子
    // $(".game").mouseenter(function () {
    //     // 让锤子跟随鼠标
    //     $(".game").mousemove(function (e) {
    //         var x = e.clientX - 570;
    //         var y = e.clientY - 120;
    //         $("#cz").css({
    //             top: y,
    //             left: x
    //         });
    //     });
    //     // 鼠标按下
    //     $("#cz").mousedown(function () {
    //         var imgSrc = $("#cz").attr("data-down");
    //         // console.log(Src)
    //         $("#cz").prop("src", imgSrc);
    //     });
    //     // 鼠标抬起
    //     $("#cz").mouseup(function () {
    //         var imgSrc = $("#cz").attr("data-up");
    //         $("#cz").prop("src", imgSrc);
    //     });
    // });

});